Ext.onReady(function(){

    X.form.panel({
        id     : 'creaForm',
        height : 200,
        width  : 450,
        items  : [
            X.form.label  ({x:10,  y:10,  html:'<b>Información Personal</b>'}),
            X.form.label  ({x:10,  y:40,  text:'Nombre:'     }),
            X.form.label  ({x:10,  y:70,  text:'Apellido:'  }),
            X.form.label  ({x:280, y:40, text:'Cédula:'   }),
            X.form.label  ({x:280, y:70, text:'Sexo:'      }),
            X.form.label  ({x:10,  y:100, html:'<b>Información del sistema</b>'}),
            X.form.label  ({x:165, y:130, text:'Código:'         }),
            X.form.label  ({x:280, y:130, text:'Tarjeta:'        }),
            X.form.label  ({x:10,  y:130, text:'Año de ingreso:' }),
            X.form.text   ({x:65,  y:40,  width:200, id:'nombre',   maxlen:35}),
            X.form.text   ({x:65,  y:70,  width:200, id:'apellido', maxlen:35}),
            X.form.text   ({x:330, y:40, width:100,  id:'cedula',   maxlen:15}),
            X.form.combo  ({x:330, y:70, width:100,  id:'sexo', dfield:'nombrePerfil', vfield:'codigoPerfil', storeId:'creaStorePerfil'}),
            X.form.number ({x:100, y:130, width:50,  id:'ingreso', maxlen:4}),
            X.form.text   ({x:215, y:130, width:50,  id:'codigo',  maxlen:5}),
            X.form.text   ({x:330, y:130, width:100, id:'tarjeta', maxlen:12}),
            X.form.button ({x:260, y:160, width:80,  id:'creaCrear',    text:'Crear'   }),
            X.form.button ({x:350, y:160, width:80,  id:'creaCancelar', text:'Cancelar'})
        ]
    });

    X.win.panel({
        id      : 'creaWindow',
        title   : 'Cargar profesor',
        modal   : false,
        items   : X.get('creaForm')
    });

    X.get('creaWindow').show();

});

